<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Create Account</title>
</head>
<body>
<f:view>
	<table cellspacing="0" cellpadding="5" width="100%">
		<%--HEADER--%>
		<tr>
			<td colspan="3"><!-- Begin HEAD --> <%@include file="common/header.jsp"%> <!-- END HEAD --></td>
		</tr>

		<tr>
			<%--NAVIGATION--%>
			<td valign="top" width="20%"><!-- Begin MENU -->
			<div id="menu"><%@include file="common/menu.jsp"%></div>
			<!-- END MENU --></td>
			<td align="left" valign="top" width="60%"><%--CENTRAL BODY--%> <f:subview id="body">
				<h:form id="createaccount">
					<table>
						<tr>
							<td><h:outputText value="Email" /> <h:inputText id="email" value="#{memberManagedBean.email}" required="true" /> <h:outputText
								value="#{memberManagedBean.exist}" /></td>
						</tr>
						<tr>
							<td><h:outputText value="Password" /> <h:inputSecret value="#{memberManagedBean.password}" required="true" /><h:outputText
								value="#{memberManagedBean.exist}" /></td>
						</tr>
						<tr>
							<td><h:outputText value="Confirm password" /> <h:inputSecret value="#{memberManagedBean.password2}" required="true" /><h:outputText
								value="#{memberManagedBean.exist}" /></td>
						</tr>
						<tr>
							<td><h:selectOneMenu value="#{memberManagedBean.selectedCivility}">
								<f:selectItems value="#{memberManagedBean.civilityList}" />
							</h:selectOneMenu></td>
						</tr>
						<tr>
							<td><h:outputText value="Name" /> <h:inputText id="name" value="#{memberManagedBean.name}" required="true" /></td>
						</tr>

						<tr>
							<td><h:outputText value="First name" /> <h:inputText id="firstname" value="#{memberManagedBean.firstName}" /></td>
						</tr>
						<tr>
							<td><h:outputText value="Birth day" /> <h:inputText id="birthday" value="#{memberManagedBean.birthDay}" /></td>
						</tr>
						<tr>
							<td><h:outputText value="address" /> <h:inputText id="address" value="#{memberManagedBean.address}" /></td>
						</tr>

						<tr>
							<td><h:commandButton value="Create" action="#{memberManagedBean.createAccount}" /></td>
						</tr>
					</table>
				</h:form>
			</f:subview></td>
		</tr>
		<%--FOOTER--%>
		<tr>
			<td colspan="3"><%@include file="common/footer.jsp"%></td>
		</tr>
	</table>
</f:view>
</body>
</html>